<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <script>
	    var html = document.getElementsByTagName('html')[0];
	    html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>我要采购</title>
    <link rel="stylesheet" href="../static/css/Reset.css">
    <link rel="stylesheet" href="../libs/swiper/swiper.min.css">
    <link rel="stylesheet" href="../static/css/index.css" />
</head>
<body>
    <div class="wz_wrapper" id="index">
    	<!--header-->
    	<header>
    		<span class="s_area" @click="getProvince()">
    			<em class="city" id="cityName">全国</em><img src="../static/images/downArrow.png" />
    		</span>
    		<a href="../bigSupply/search.html">
				<span class="s_con"><img src="../static/images/search.png"/>搜索商品名称/供应商名称</span>
			</a>
		</header>
		<!--轮播图-->
        <div class="wz_swiper" id="bannerDiv">
            <div class="swiper-container wz_swiper1">
                <div class="swiper-wrapper" id="wz_sWrapper">
                	<div class="swiper-slide" v-for="banner in bannerList">
                		<img class="wz_img" :src="banner.imgPath" class="wz_bannerImg" alt="">
                	</div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="wz_separate"></div>
        <!--分类导航-->
        <div class="wz_nav">
            <a href="../wantBuy/bs_list.html?category1=1&type=4" class="wz_navLi wz_navLiFir">
                <div class="shuiguo wz_navLiIcon"></div>
                <div class="wz_navEvaluateTitle wz_navLiTitle">水果</div>
            </a>
            <a href="../wantBuy/bs_list.html?category1=2&type=4" class="wz_navLi wz_navForecast">
                <div class="shucai wz_navLiIcon"></div>
                <div class="wz_navEvaluateTitle wz_navLiTitle">蔬菜</div>
            </a>
            <a href="../wantBuy/bs_list.html?type=3" class="wz_navLi wz_navCost">
                <div class="bendi wz_navLiIcon"></div>
                <div class="wz_navTecTitle wz_navLiTitle">本地</div>
            </a>
            <a href="../wantBuy/bs_list.html?category1=0&type=2" class="wz_navLi wz_navPrice">
                <div class="quanbu wz_navLiIcon"></div>
                <div class="wz_navMoreTitle wz_navLiTitle">全部</div>
            </a>
        </div>
        <div class="wz_separate"></div>
        <!--我的关注-->
        <div class="yp_attention">
        	<div class="att_title">
        		<div class="att_title_left">
        			<img src="../static/images/myAttention.png" alt="" />
        			<span>我的关注</span>
        		</div>
        		<a href="../userCenter/myAttention/myAttention.html?type=2">
	        		<div class="att_title_right">
	        			<img src="../static/images/go.png" alt="" />
	        			<span>更多</span>
	        		</div>
        		</a>
        	</div>
        	<div class="att_list swiper-container wz_swiper2" v-cloak>
                <div class="swiper-wrapper" id="wz_sWrapper">
                	<div class="swiper-slide">
                		<div class="att_list_li" v-for="focus1 in focusList1">
		        			<a :href="'../wantBuy/bs_detail.html?id=' + focus1.goodsId">
			        			<div class="att_list_li_div"><img :src="focus1.mainImage[0]" alt=""/></div>        			
			        			<p>{{focus1.goodsName}}</p>
			        			<i>{{focus1.rangeBegin | quzheng}}{{focus1.unit}}起批</i>
			        			<span v-if="focus1.price && focus1.price!='0.00'"><em>¥{{focus1.price}}</em>元/{{focus1.unit}}</span>
			        			<span v-else>可议</span>
		        			</a>
	        			</div>
	        		</div>
	        		<div class="swiper-slide">
	        			<div class="att_list_li" v-for="focus2 in focusList2">
		        			<a :href="'../wantBuy/bs_detail.html?id=' + focus2.goodsId">
			        			<div class="att_list_li_div"><img :src="focus2.mainImage[0]" alt=""/></div>        			
			        			<p>{{focus2.goodsName}}</p>
			        			<i>{{focus2.rangeBegin | quzheng}}{{focus2.unit}}起批</i>
			        			<span v-if="focus2.price && focus2.price!='0.00'"><em>¥{{focus2.price}}</em>元/{{focus2.unit}}</span>
			        			<span v-else>可议</span>
		        			</a>
	        			</div>
	        		</div>
	        		<div class="swiper-slide">
	        			<div class="att_list_li" v-for="focus3 in focusList3">
		        			<a :href="'../wantBuy/bs_detail.html?id=' + focus3.goodsId">
			        			<div class="att_list_li_div"><img :src="focus3.mainImage[0]" alt=""/></div>        			
			        			<p>{{focus3.goodsName}}</p>
			        			<i>{{focus3.rangeBegin | quzheng}}{{focus3.unit}}起批</i>
			        			<span v-if="focus3.price && focus3.price!='0.00'"><em>¥{{focus3.price}}</em>元/{{focus3.unit}}</span>
			        			<span v-else>可议</span>
		        			</a>
	        			</div>
	        		</div>
                </div>
        	</div>
        </div>
        <div class="wz_separate"></div>
        <!--全国产地-->
        <div class="yp_attention">
        	<div class="att_title">
        		<div class="att_title_left">
        			<img src="../static/images/myAttention.png" alt="" />
        			<span>全国产地</span>
        		</div>
        	</div>
        	<div class="chandi">
        		<a href="../wantBuy/farmIndex.html">
	        		<div class="chandiL">
	        			<span class="chandiL_sp1">汇聚<i>4778</i>家</span>
	        			<span class="chandiL_sp2">全国优质农产品产地</span>
	        			<img class="chandiL_img" src="../static/images/chandi01.png" alt="全国产地" />
	        		</div>
        		</a>
        		<div class="chandiR">
        			<a href="">
	        			<div class="chandiRS">
	        				<img class="chandiRS_img" src="../static/images/chandi02.png" alt="海南产地" />
	        				<span class="chandiRS_sp">海南产地</span>
	        			</div>
        			</a>
        			<div class="chandiRX">
        				<a href="">
	        				<div class="chandiRX1">
	        					<span class="chandiRX1_sp">水果产地</span>
	        					<img class="chandiRX1_img" src="../static/images/chandi03.png" alt="水果产地" />
	        				</div>
        				</a>
        				<a href="">
	        				<div class="chandiRX2">
	        					<span class="chandiRX2_sp">蔬菜产地</span>
	        					<img class="chandiRX2_img" src="../static/images/chandi04.png" alt="蔬菜产地" />
	        				</div>
        				</a>
        			</div>
        		</div>
        	</div>
        </div>
        <div class="wz_separate"></div>
        <!--全国农业代办-->
        <div class="yp_attention">
        	<div class="att_title">
        		<div class="att_title_left">
        			<img src="../static/images/myAttention.png" alt="" />
        			<span>全国农业代办</span>
        		</div>
        	</div>
        	<ul class="daiban">
        		<li>
        			<div class="db_img"><img src="https://syimg.sheyuan.com/2017/04/24/tuser/6656424d-6500-4550-b164-1d12affbb6cb.jpg" alt="" /></div>
        			<div class="db_name">张三</div>
        			<div class="db_area">内蒙古</div>
        			<div class="db_num">对接<i>47万吨</i></div>
        		</li>
        		<li>
        			<div class="db_img"><img src="https://syimg.sheyuan.com/2017/04/24/tuser/6656424d-6500-4550-b164-1d12affbb6cb.jpg" alt="" /></div>
        			<div class="db_name">张三</div>
        			<div class="db_area">内蒙古</div>
        			<div class="db_num">对接<i>47万吨</i></div>
        		</li>
        		<li>
        			<div class="db_img"><img src="https://syimg.sheyuan.com/2017/04/24/tuser/6656424d-6500-4550-b164-1d12affbb6cb.jpg" alt="" /></div>
        			<div class="db_name">张三</div>
        			<div class="db_area">内蒙古</div>
        			<div class="db_num">对接<i>47万吨</i></div>
        		</li>
        	</ul>
        </div>
        <div class="wz_separate"></div>
        <!--大宗交易员-->
        <div class="yp_attention">
        	<a href="../wantBuy/bulkTrader_list.html"><img class="alink" src="../static/images/link01.png" alt="大宗交易员" /></a>
        	<a href="../wantBuy/daibanruzhu.html"><img class="alink" src="../static/images/link02.png" alt="代办入驻" /></a>
        </div>
        <div class="wz_separate"></div>
        <!--热销推荐-->
        <div class="yp_attention">
        	<div class="att_title">
        		<div class="att_title_left">
        			<img src="../static/images/myAttention.png" alt="" />
        			<span>热销推荐</span>
        		</div>
        	</div>
        	<ul class="supplyList">
	        	<li>
	        		<a href="../bigSupply/bs_detail.html?id=57">
				        <div class="left_pic">
				        	<img alt="" src="https://syimg.sheyuan.com/2017/04/24/tuser/6656424d-6500-4550-b164-1d12affbb6cb.jpg">
				        	<span>已下市</span>
				        </div>			        
				        <div class="right_text">
				            <p class="goodsInfo">草莓Y01</p>
				            <div class="supplyGoods firstTop">
				            	<span class="area">
									<img src="../static/images/farm.png" alt="">
									<i>小小鸟</i>
								</span>
								<span class="location">								
									<img src="../static/images/location.png" alt="">
									<i>13km</i>
								</span>
				            </div>
				            <div class="supplyGoods">
				                <span class="total">总量：1000斤</span>
				            </div>
				            <div class="supplyGoods">
				            	<span class="qipi">起批：1斤</span>
				            	<span class="price"><i>¥0.01</i>元/斤</span>
				            </div>
				        </div>
			        </a>
				</li>
				<li>
	        		<a href="../bigSupply/bs_detail.html?id=59">
				        <div class="left_pic">
				        	<img alt="" src="https://syimg.sheyuan.com/2017/04/24/tuser/2cb45ec8-bd56-422e-b7c1-7ef1432861c4.jpg">
				        	<span>已下市</span>
				        </div>			        
				        <div class="right_text">
				            <p class="goodsInfo">香梨Y01</p>
				            <div class="supplyGoods firstTop">
				            	<span class="area">
									<img src="../static/images/farm.png" alt="">
									<i>小小鸟</i>
								</span>
								<span class="location">								
									<img src="../static/images/location.png" alt="">
									<i>13km</i>
								</span>
				            </div>
				            <div class="supplyGoods">
				                <span class="total">总量：1000斤</span>
				            </div>
				            <div class="supplyGoods">
				            	<span class="qipi">起批：10斤</span>
				            	<span class="price"><i>¥0.01</i>元/斤</span>
				            </div>
				        </div>
			        </a>
				</li>
	        </ul>
        </div>
        <!--发布求购按钮-->
        <div class="fbqg"><img src="../static/images/fqg.png" alt="发求购"/></div>
		<!--footer 组件-->
		<wx-footer></wx-footer>
		<!--loading组件-->
		<loading v-show="showLoading"></loading>
		<!--选择地区弹层-->
		<section id="areaLayer" class="express-area-box">
		    <article id="areaBox">
		        <ul id="areaList" class="area-list">
		        	<li class="provName" v-show="isProv" v-for="prov in provinceData" :id="prov.id" @click="getCity($event)">{{prov.name}}</li>
		        	<li class="cityName" v-show="isCity" v-for="city in cityData" :id="city.id" @click="overArea($event)">{{city.name}}</li>
		        </ul>
		    </article>
		</section>
    </div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</html>
